// 体验点评
@import "../module/productDetails/detailComment";
/* 酒店 *************************************************************/
.detail-section {
  padding-bottom: px(12);
}
// 酒店信息
.detail-info {
  margin-bottom: px(12);
  background: #fff;
  // 标题
  .detail-info-tit {
    font-size: px(16);
    .selfSupport{
      display: inline-block;
      background-color: tomato;
      width: px(30);
      height: px(15);
      font-size: px(10);
      text-align: center;
      line-height: px(15);
      border-radius: px(8) px(8) 0 px(8);
      background-image: linear-gradient(-90deg, #FFAB00 0%, #FFC600 100%);
      color: #fff;
      margin-right: px(4);
      margin-top: px(2);
      vertical-align: text-top;
    }
  }
  // 星级
  .detail-info-star {
    font-size: 0;
    color: $clr-g6;
    margin-top: px(6);
    span {
      font-size: px(12);
    }
    .icon {
      font-size: px(15);
      margin-right: px(8);
    }
  }
  // 地址信息
  .detail-info-mapinfo {
    color: $clr-g9;
    font-size: px(12);
    @include ellipsis();
    margin-top: px(4);
  }
  // 标签
  .detail-info-tag {
    font-size: 0;
    margin-top: px(8);
    .gzl-tag:not(:first-child) {
      margin-left: px(8);
    }
  }
  // 价格
  .detail-info-price {
    margin-top: px(8);
    strong {
      display: inline-block;
      line-height: px(29);
      font-size: px(24);
    }
  }
  //
  .detail-info-list {
    margin-top: px(12);
    li {
      font-size: px(12);
      overflow: hidden;
      &:not(:first-child) {
        margin-top: px(8);
      }
      label {
        float: left;
        color: $clr-g9;
        width: px(55);
      }
      p {
        overflow: hidden;
      }
    }
  }
  .cruise-detail-info-list{
    font-size: px(12);
    color: #999;
    padding-top: px(12);
    .gzl-flex__item{
      text-align: center;
    }
    span{
      em{
        color: #FFAB00;
      }
    }
  }
}
// 酒店筛选
.hotel-screen {
  position: relative;
  padding-top: px(28);
  margin-top: px(12);
  .date-screen {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: px(343);
    background: #fff;
    box-shadow: 0 px(3) px(8) 0 rgba(51,51,51,0.05);
    border-radius: px(4);
    padding: px(8) 0;
    align-items: center;
    .days-num {
      position: relative;
      display: block;
      padding: 0 px(7);
      font-size: px(10);
      color: $clr-g9;
      line-height: px(12);
      border: px(1) solid $clr-g9;
      border-radius: px(14);
    }
    .gzl-flex__item {
      text-align: center;
      p {
        font-size: px(12);
        color: $clr-g9;
      }
      div {
        font-size: px(16);
        margin-top: px(4);
      }
    }
  }
  .other-screen {
    background: #fff;
    @include calc(padding,44,16,12,16);
    .gzl-flex__item {
      font-size: 0;
      span {
        &:not(:first-child) {
          margin-left: px(12);
        }
        &.active {
          color: $clr-g4;
          background: #FFE788;
        }
      }
    }
    span {
      display: inline-block;
      font-size: px(12);
      line-height: px(22);
      border-radius: px(11);
      background: $clr-bg;
      color: $clr-g6;
      padding: 0 px(14);
      max-width: px(150);
      @include ellipsis;
    }
    .room-type {
      position: relative;
      padding-right: px(24);
      &:after {
        position: absolute;
        right: px(14);
        top: 0;
        bottom: 0;
        margin: auto;
        @include arrow;
      }
    }
  }
}
// 酒店预定
.hotel-bk-list {
  margin-bottom: px(12);
}
.hotel-bk-group {
  .gzl-cell__hd {
    position: relative;
    margin-right: px(8);
  }
  .presell-tip {
    position: absolute;
    top: px(3);
    left: px(-4);
    padding: 0 px(3) 0 px(5);
    font-size: px(10);
    color: $clr-white;
    background-image: $clr-gradient-warn;
    &:before {
      content: '';
      position: absolute;
      bottom: px(-4);
      left: 0;
      width: 0;
      height: 0;
      border-left: px(4) solid transparent;
      border-top: px(4) solid #E4007F;
    }
    &:after {
      content: '';
      position: absolute;
      top: 0;
      left: 100%;
      width: 0;
      height: 0;
      border-right: px(4) solid transparent;
      border-bottom: px(14) solid #F9355C;
    }
  }
  .group-img {
    display: block;
    width: px(75);
    height: px(50);
  }
  .group-tit,
  .bk-list-tit {
    line-height: px(20);
  }
  .group-info,
  .bk-list-info {
    color: $clr-g9;
    font-size: px(12);
    @include ellipsis();
  }
  .gzl-cell__ft {
    margin-left: px(8);
  }
  .group-prc,
  .bk-list-prc {
    font-size: px(12);
    span {
      display: inline-block;
      color: $clr-warn;
      margin-right: px(2);
      strong {
        font-size: px(20);
      }
    }
  }
  .bk-list-btn {
    margin-left: px(6);
  }
  .bk-list-item {
    position: relative;
    padding: px(16);
    align-items: center;
    &.will-sale {
      .bk-list-prc {
        span {
          color: $clr-g9;
        }
      }
      .will-sale-tip {
        color: $clr-g9;
        font-size: px(12);
        line-height: px(28);
      }
    }
    &:not(:first-child):after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      left: px(16);
      border-top: 1px solid $clr-ge;
      transform: scaleY(.5);
    }
  }
}
// 酒店设施
.hotel-facilities {
  padding: px(16) px(16) 0;
  background: #fff;
  margin-bottom: px(12);
  .hotel-facilities-list {
    overflow: hidden;
    li {
      float: left;
      width: 25%;
      text-align: center;
      padding-top: px(16);
      &.none {
        .icon {
          color: $clr-g9;
        }
        .facilities-name {
          color: $clr-g9;
          text-decoration: line-through;
        }
      }
      .icon {
        display: block;
        font-size: px(16);
        margin: auto;
      }
      .facilities-name {
        font-size: px(12);
        margin-top: px(4);
      }
    }
  }
  .hotel-facilities-info {
    display: none;
    overflow: hidden;
    padding: px(20) 0 0;
    li {
      float: left;
      width: 50%;
      line-height: px(17);
      padding: 0 px(8);
      .icon {
        display: inline-block;
        vertical-align: top;
        font-size: px(14);
        margin-right: px(4);
      }
      span {
        display: inline-block;
        vertical-align: top;
        font-size: px(12);
      }
      &:nth-child(2)~li {
        margin-top: px(8);
      }
    }
  }
  .facilities-show-more {
    color: $clr-active;
    text-align: center;
    padding: px(16) 0;
  }
}
// 酒店简介
.hotel-introduction {
  padding: px(16);
  background: #fff;
  .hotel-intro-con {
    padding-top: px(16);
    .contact-num,
    .opening-date {
      color: $clr-g9;
      label {
        display: inline-block;
        vertical-align: top;
        width: px(70);
      }
    }
    p {
      color: $clr-g6;
      &:not(:first-child) {
        margin-top: px(13);
      }
    }
  }
}
// 房间详情弹出
.bk-room-detail {
  padding: px(16);
  .room-dt-tit {
    display: block;
    font-size: px(16);
    padding: px(20) 0 px(8);
  }
  .room-server {
    overflow: hidden;
    li {
      float: left;
      width: 50%;
      color: $clr-g9;
      &:nth-child(2)~li {
        margin-top: px(12);
      }
      .icon {
        margin-right: px(8);
      }
    }
  }
  p {
    color: $clr-g9;
  }
}
.booking-notes {
  text-align: left;
}
/* 票券 *************************************************************/
// 票券预定
.ticket-booking {
  margin-top: px(12);
  .ticket-booking-tip {
    margin-top: px(2);
    color: $clr-g9;
    font-size: px(12);
    label {
      display: inline-block;
      font-size: px(8);
      color: $clr-white;
      padding: 0 px(4);
      border-radius: px(12);
      background: $clr-gb;
      margin-right: px(2);
    }
  }
  .ticket-booking-notice {
    color: $clr-active;
    font-size: px(12);
    margin-top: px(2);
    .icon {
      font-size: px(10);
      vertical-align: -1px;
    }
  }
  .ticket-booking-operate {
    margin-left: px(32);
  }
  .ticket-booking-price {
    font-size: px(12);
    color: $clr-warn;
    margin-bottom: px(6);
    em {
      display: inline-block;
      font-size: px(20);
      line-height: 1;
    }
  }
  .will-sale {
    .ticket-booking-price {
      color: $clr-g9;
    }
    .will-sale-tip {
      font-size: px(12);
      color: $clr-g9;
    }
  }
}
// 票券简介
.ticket-introduction {
  padding: px(16);
  background: $clr-white;
  margin-top: px(12);
  .ticket-intro-con {
    padding-top: px(16);
    h2,p,img {
      &:not(:first-child){
        margin-top: px(8);
      }
    }
    h2 {
      font-size: px(24);
      line-height: px(33);
    }
    p {
      line-height: 1.6;
      color: $clr-g6;
    }
    img {
      width: 100%;
      display: block;
    }
  }
}
// 预定须知弹窗
.bk-ticket-detail {
  padding: px(16);
  h3 {
    font-size: px(16);
    margin-bottom: px(8);
  }
  p {
    color: $clr-g9;
    &:not(:last-child) {
      margin-bottom: px(20);
    }
  }
}
/* 跟团 *************************************************************/
.prod-detail-coupon {
  background: #fff;
  margin-top: px(12);
  padding: px(10) px(16);
  label {
    color: $clr-g9;
    margin-right: px(12);
    line-height: px(24);
  }
  .gzl-flex__item {
    position: relative;
    font-size: 0;
    padding-right: px(14);
    .more {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      font-size: px(14);
    }
  }
}
.travel-prod-booking {
  margin-top: px(12);
  background: $clr-white;
}
.travel-prod {
  position: relative;
  padding: px(16);
  &:before {
    @include border(top);
  }
}
.travel-discounts {
  .gzl-flex__item{
    padding-left: px(1);
  }
  label {
    color: $clr-g9;
    margin-right: px(12);
  }
  p {
    padding-left: px(2);
    font-size: px(12);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    &:not(:first-child) {
      margin-top: px(6);
    }
  }
  .gzl-flex__item {
    position: relative;
    padding-right: px(30);
    .more {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
    }
  }
}
.discounts-tip {
  position: relative;
  display: inline-block;
  width: px(15);
  height: px(15);
  line-height: px(15);
  margin-right: px(4);
  font-size: px(9);
  text-align: center;
  // border: px(1) solid transparent;
  &:before {
    @include border;
    left: px(-1);
    top: px(-1);
    border: 1px solid;
    border-radius: 100%;
  }
  &.cu-tip {
    color: #45B166;
  }
  &.zeng-tip {
    color: #FC0D1B;
  }
  &.jian-tip {
    color: #007AFF;
  }
  &.yu-tip {
    color: #FFAB00;
  }
}
.travel-prod-list {
  margin: 0 px(-6);
  li {
    margin-top: px(10);
    padding: px(12);
    border: 1px solid $clr-gd;
    border-radius: px(4);
    h2 {
      .gzl-tag {
        vertical-align: middle;
        margin-left: px(4);
        border: 1px solid;
        background: transparent;
        font-size: px(9);
        height: px(13);
        line-height: px(11);
        padding: 0 px(6);
      }
    }
    p {
      color: $clr-g6;
      &:not(:first-child) {
        margin-top: px(4);
      }
    }
  }
}
.prod-nav {
  margin-top: px(12);
  height: px(50);
}
// 产品介绍
.prod-introduction {
  .gzl-title {
    padding: px(16) 0;
  }
  .introduction-item {
    padding: 0 px(16) px(16);
    background: $clr-white;
    &:not(:first-child) {
      margin-top: px(12);
    }
    .text-info {
      color: $clr-g6;
      line-height: 1.6;
    }
    .feature-img {
      width: 100%;
      &:not(:first-child) {
        margin-top: px(8);
      }
    }
    .feature-ticket {
      margin-top: px(10);
      li {
        padding: px(12) px(20);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        &:not(:first-child) {
          margin-top: px(12);
        }
        &.air-ticket {
          background: url(../../img/productDetails/air-ticket.png);
        }
        &.train-ticket {
          background: url(../../img/productDetails/train-ticket.png);
        }
        &.bus-ticket {
          background: url(../../img/productDetails/bus-ticket.png);
        }
        .ticket-time {
          font-size: px(20);
        }
        .ticket-place {
          font-size: px(10);
          margin-top: px(6);
        }
        .ticket-end {
          text-align: right;
        }
        .ticket-info {
          position: relative;
          font-size: px(10);
          color: $clr-g9;
          margin: px(-9);
          &:before,
          &:after {
            content: '';
            position: absolute;
            width: px(5);
            height: px(5);
            border-radius: 50%;
            border: 1px solid $clr-g9;
            top: 0;
            bottom: 0;
            margin: auto;
          }
          &:after {
            right: 0;
          }
          div {
            position: relative;
            text-align: center;
            width: px(84);
            padding: px(9) 0;
            &:not(:first-child):after {
              @include border(top);
              border-top-style: dashed;
              border-top-color: $clr-g6;
              width: 76%;
              top: px(-0.5);
              right: 0;
              margin: auto;
            }
          }
        }
      }
    }
    .intro-tit {
      margin-top: px(20);
      h2 {
        font-size: px(16);
      }
      p {
        margin-top: px(2);
        font-size: px(12);
      }
      .star-item {
        margin-top: px(4);
        font-size: 0;
        .icon {
          font-size: px(12);
          &:not(:first-child) {
            margin-left: px(8);
          }
        }
      }
    }
  }
}
// 产品等级
.prod-grade {
  background: $clr-white;
  margin-top: px(12);
  padding: px(20) px(10);
  .prod-grade-item {
    padding: 0 px(20);
    text-align: center;
    color: #DFA329;
    i {
      vertical-align: top;
    }
    h2 {
      font-size: px(12);
      margin-top: px(4);
    }
    p {
      font-size: px(10);
      margin-top: px(1);
    }
  }
  .prod-grade-detail {
    position: relative;
    padding: 0 px(20);
    &:before {
      @include border(left);
    }
    li:not(:first-child) {
      margin-top: px(10);
    }
    label {
      display: inline-block;
      font-size: px(10);
      width: px(40);
    }
    .gzl-flex__item {
      font-size: 0;
    }
    .icon {
      font-size: px(12);
      color: #DFA329;
      &:not(:first-child) {
        margin-left: px(12);
      }
    }
  }
}
// 产品行程
.prod-tour {
  padding: 0 0 0 px(16);
  margin-top: px(16);
  .prod-tour-item  {
    position: relative;
    padding: 0 0 0 px(26);
    &:before {
      @include border(left);
    }
    &:not(:first-child) {
      margin-top: px(24);
    }
  }
  .tour-tit {
    position: relative;
    font-size: px(16);
    font-weight: bold;
    .tour-day {
      position: absolute;
      right: 100%;
      margin-right: px(10);
      width: px(34);
      text-align: center;
    }
  }
  .tour-info {
    position: relative;
    &:not(:first-child) {
      margin-top: px(16);
    }
    .tour-tip {
      position: absolute;
      right: 100%;
      margin-right: px(18);
      width: px(17);
      height: px(17);
      border-radius: 50%;
      font-size: px(17);
      line-height: 1;
    }
    p {
      line-height: 1.6;
      color: $clr-g6;
      text-align: justify;
    }
  }
  .tour-img {
    margin: px(8) px(-5) 0 px(-5);
    font-size: 0;
    li {
      display: inline-block;
      width: 50%;
      padding: 0 px(5);
      &:nth-child(2)~li {
        margin-top: px(10);
      }
      img {
        width: 100%;
      }
    }
  }
  .tour-hotel-level {
    font-size:  0;
    .icon {
      font-size: px(14);
      &:not(:first-child) {
        margin-left: px(8);
      }
    }
  }
}
// 定制旅行
.travel-customized {
  margin-top: px(12);
  background: #FFFAE4;
  padding: px(16);
  align-items: center;
  h2 {
    font-size: px(16);
    margin-bottom: px(2);
  }
  .btn.btn-default {
    color: $clr-active;
    border: 1px solid;
    line-height: px(26);
    padding: 0 px(15);
  }
}
.travel-dt-footbar {
  .gzl-footbar__bd {
    padding: 0 px(4);
    .icon {
      font-size: px(20);
      margin-right: px(4);
      vertical-align: -0.26em;
    }
    span{
      display: inline-block;
      margin-top: 0;
    }
    >div {
      display: inline-block;
      vertical-align: top;
      color: #666;
      &:not(:first-child) {
        margin-left: px(30);
      }
    }
  }
}
// 更多优惠券
.more-coupon {
  padding-bottom: px(10);
}
.coupon-list {
  padding: 0 px(10);
  .coupon-list-item {
    background: $clr-active url(../../img/coupon/coupon-bg.png) no-repeat;
    background-size: 100%;
    color: $clr-white;
    &:not(:first-child) {
      margin-top: px(10);
    }
  }
  .coupon-item-hd {
    line-height: px(36);
    padding: 0 px(16);
  }
  .coupon-item-bd {
    position: relative;
    padding: px(5) px(16) px(6);
    &:before,
    &:after {
      content: '';
      position: absolute;
      top: px(-6);
      width: px(12);
      height: px(12);
      border-radius: 50%;
      background-color: $clr-white;
    }
    &:before {
      left: px(-6);
    }
    &:after {
      right: px(-6);
    }
    .coupon-discount {
      position: relative;
      font-size: px(20);
      padding-right: px(70);
      span {
        font-size: px(40);
        margin-right: px(4);
        line-height: px(48);
      }
      em {
        font-size: px(14);
      }
      .receive-btn {
        position: absolute;
        bottom: px(4);
        right: 0;
      }
    }
    .receive-btn {
      width: px(60);
      height: px(20);
      line-height: px(20);
      background: rgba(255,255,255,.94);
      color: $clr-active;
      border-radius: px(10);
      font-size: px(10);
      text-align: center;
    }
    .coupon-date {
      font-size: px(12);
      margin-top: px(7);
    }
    .show-detail {
      position: absolute;
      right: 0;
      bottom: 0;
      width: px(80);
      height: px(32);
      line-height: px(32);
      padding-right: px(26);
      font-size: px(12);
      text-align: right;
      &:after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: px(16);
        margin: auto;
        @include arrow($color:$clr-white);
      }
    }
  }
  .coupon-item-dt {
    display: none;
    padding: px(16);
    background: #FFF9D6;
    color: $clr-g3;
    font-size: px(12);
    li {
      &:first-child {
        font-weight: bold;
      }
      &:not(:first-child) {
        margin-top: px(8);
      }
    }
    label {
      width: px(60);
      margin-right: px(2);
    }
  }
}
// 更多优惠
.more-discounts {
  padding: px(4) 0 px(28);
  .discounts-tip {
    margin-right: px(4);
  }
  .gzl-cell {
    align-items: baseline;
  }
}
// 行程侧边栏
.tour-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  z-index: 9;
  transform: translateX(100%);
  transition: all .3s;
  &:before {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }
  &.show {
    transform: translateX(0);
  }
  .tour-sidebar-con {
    position: absolute;
    right: 0;
    width: px(300);
    height: 100%;
    padding: px(40) 0;
    background: rgba(255,255,255,.94);
    .prod-tour {
      margin: 0;
      padding: 0 px(16) 0 px(32);
      height: 100%;
      @include scrolling;
    }
  }
}
// 行程查看大图
.tourdetail-swiper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  color: #fff;
  transform: scale(0);
  opacity: 0;
  z-index: -1;
  transition: all .3s;
  &.show {
    transform: scale(1);
    opacity: 1;
    z-index: 9;
  }
  .tourdetail-slide {
    padding: px(60) 0;
    min-height: 100%;
    text-align: justify;
    .tourdetail-slide-con {
      height: 100%;
      padding: 0 px(16);
      @include scrolling;
    }
    h2 {
      font-size: px(20);
    }
    p {
      line-height: 1.6;
    }
    h2,p {
      &:not(:first-child) {
        margin-top: px(8);
      }
    }
  }
  .tourdetail-pagination {
    font-size: px(16);
    bottom: inherit;
    top: px(20);
    height: px(22);
  }
}
/* 签证 *************************************************************/
.visa-section{
  .visaCountry{
    width: 100%;
    height: px(288);
    margin-bottom: px(12);
    background-color: #fff;
    .visacounrtyBg{
      position: relative;
      width: 100%;
      height: px(150);
      img{
        width: 100%;
        height: 100%;
      }
      .counrtyFlag{
        position: absolute;
        bottom: px(-32);
        left: px(16);
        width: px(98);
        height: px(68);
        padding: px(4);
        background-color: #fff;
      }
    }
    .visacountryMsg{
      padding-top: px(36);
      font-size: px(16);
      color: #333333;
      background-color: #fff;
      .title{
        font-weight: 600;
        padding: 0 px(16);
        margin-bottom: px(8);
      }
      .gzl-cell{
        padding: 0 .16rem 0.16rem 0.12rem;
        .gzl-cell__bd{
          color: #FF5555;
          height: px(29);
          span{
            font-size: px(24);
          }
        }
        .successOdds{
          font-size: px(12);
          color: #999;
          span{
            color: #FFAB00;
          }
        }
      }
    }
  }
  .visaAttention{
    font-size: 0;
    background-color: #fff;
    margin-bottom: px(12);
    li{
      font-size: px(14);
      width: 50%;
      padding-left: px(16);
      display: inline-block;
      vertical-align: top;
      position: relative;
      .visaAttenItem{
        height: px(80);
        position: relative;
        padding-top: px(16);
        p{
          margin-bottom: px(6);
          font-weight: 600;
        }
        span{
          font-size: px(12);
          color: #999;
        }
        &::after{
          content: "";
          display: block;
          width: 100%;
          height: 1px;
          background-color: $clr-ge;
          transform: scaleY(.5);
          position: absolute;
          bottom: 0;
        }
        &::before{
          content: "";
          display: block;
          width: 1px;
          height: 100%;
          background-color: $clr-ge;
          transform: scaleX(.5);
          position: absolute;
          right: 0;
        }
      }
      &:first-child{
        .visaAttenItem{
          margin-top: 0;
        }
      }
      &:nth-child(2){
        .visaAttenItem{
          margin-top: 0;
        }
      }
      &:nth-child(2n){
        .visaAttenItem{
          &::before{
            content: none;
          }
          &::after{
            left: px(-16);
          }
        }
      }
      &:last-child{
        .visaAttenItem{
          &::after{
            content: none;
          }
        }
      }
      &:nth-last-child(2){
        .visaAttenItem{
          &::after{
            content: none;
          }
          &::before{
            top: px(-16);
          }
        }
      }
    }
  }
  .detail-comment{
    margin-bottom: .12rem;
  }
  .attentDetail{
    padding: px(16);
    background-color: #fff;
    margin-bottom: .12rem;
    .attentionDetailItem{
      margin-bottom: px(24);
      &:last-child{
        margin-bottom: 0;
      }
      label{
        display: block;
        font-size: px(16);
        font-weight: 600;
        margin-bottom: px(6);
      }
      p{
        line-height: px(22);
        color: #666;
      }
    }
  }
  .showMaterial{
    margin-bottom: 12px;
  }
}
// 签证资料弹窗
.visaMaterials{
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: $clr-bg;
    transform: translateX(100%);
    transition: all .3s;
    &.show {
      transform: translateX(0);
    }
  .materialList{
    padding: px(16);
    .materialItem{
      margin-bottom: px(20);
      &:last-child{
        margin-bottom: 0;
      }
      label{
        font-size: px(16);
        display: block;
        margin-bottom: px(8);
        font-weight: 600;
      }
      p{
        color: #666666;
        text-align: justify;
        line-height: px(22);
      }
    }
  }
  .gzl-footer{
    .gzl-footbar{
      .gzl-flex__item{
        text-align: center;
        color: #FFAB00;
      }
    }
  }
  .gzl-cells:not(:last-child){
    .gzl-cell_spread:after{
      border-bottom:none;
    }
  }
}
// 选择签证人员弹窗
.visaMenberSel{
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: $clr-bg;
    transform: translateX(100%);
    transition: all .3s;
    &.show {
      transform: translateX(0);
    }
  .contact-check {
    font-size: px(20);
    margin-right: px(12);
    color: #999;
  }
  .visaMenberSelAll{
    .gzl-footbar__bd{
      line-height: 1;
      padding: px(8) 0;
      color: #333;
      .contact-check{
        color: #999;
        .icon{
          margin-right: 0.12rem;
        }
        span{
          font-size: px(14);
        }
      }
    }
  }
}
.sendEmailPopUp{
  position: relative;
  padding-bottom: px(6);
  input{
    border: none;
    display: block;
    font-size: 0.2rem;
    margin-right: 0;
    width: 100%;
    text-align: center;
  }
  &::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #eee;
    transform: scaleY(.5);
  }
}
.sendEmailError{
  // display: none;
  font-size: px(12);
  color: #FF5555;
  text-align: center;
  padding-top: px(8);
}
.toast-tick{
  padding: px(14) 0 px(12) 0;
}
.gzl-toast{
  z-index: 10;
}

/*社交推广*/
.banner-group {
  position: relative;
}
.social-promotion-index {
  position: absolute;
  top: px(10);
  right: px(14);
  width: px(72);
  height: px(24);
  line-height: px(24);
  border-radius: px(12);
  color: #fff;
  background: rgba(0,0,0,.36);
  text-align: center;
  z-index: 2;
}

/* 邮轮 *************************************************************/

.cruise-date-select {
  background: #fff;
  margin-top: px(12);
  padding: px(10) px(16);
  font-size: px(14);
  label {
    color: $clr-g9;
    margin-right: px(12);
    line-height: px(24);
  }
  .gzl-flex__item {
    padding-right: px(8);
    text-align: right;
  }
}

.more-cruise-date-selectPop {
  padding: px(4) 0 px(28);
  .discounts-tip {
    margin-right: px(4);
  }
  .gzl-cell {
    align-items: normal;
    &::after{
      content: none;
    }
    &.active{
      .date{
        color: #ffab00;
        margin-right: px(16);
      }
      .icon{
        display: block;
        font-size: px(20);
      }
    }
    .icon{
      display: none;
    }
  }
}

.showCommonQuestion{
  margin-top: px(12);
}
.cruise-prod-number{
  position: relative;
  z-index: 10;
  margin: px(-24) px(56) 0 0;
  height: px(24);
  line-height: px(24);
  padding: 0 px(16);
  color: #fff;
  font-size: px(11);
  // background: rgba(0,0,0,.3);
  i{
    display: inline-block;
    height: px(9);
    width: px(1);
    background-color: #fff;
    margin: px(-1) px(8);
  }
}
